/* k */
*{margin:0; padding:0; list-style:none; }
body{ background:#fff; font-family: "microsoft yahei","Segoe UI", "Lucida Grande", Helvetica, Arial,sans-serif;  font:normal 12px/22px; }
img{ border:0;  }
a{ text-decoration:none; color:#333;  }
.clear{ clear:both} 
.w1300{width: 75.5%; margin: 0 auto;}
  html, body {
        position: relative;
        height: 100%;
    }
@font-face {
    font-family: "ali";
    src: url('../fonts/impact.ttf')
}
@font-face {
    font-family: "zimu";
    src: url('../fonts/ELEPHNT.TTF')
}
.fl{ float: left;}
.fr{ float: right;}
	/* 头部 */
#header{ width: 100%;display:inline-block;}
.top{width: 100%;height: 40px;line-height: 40px;text-align: left;position: relative;margin-bottom: 20px;background: #f0f0f0;}
.top .w1300 p{ font-size: 14px;color: #666464;}
.top .tel{ position: absolute; width: 30.5%;height: 60px;line-height: 60px;background: #e71f19;border-radius: 0px 0px 0px 40px;top: 0px;right: 0px;color: #fff;}
/*.tel p i{ width: 23px;height:23px;display: block;float: left;margin: 0px 12px;margin-top: 2.5%;}*/
/*.tel p i img{ width: 100%;}*/
.tel p span{ font-size: 19px;width: 30%; display: inline-block; line-height:30px; margin-top:2%}
.tel p  span b{ font-size: 24px;font-weight: 500;}
.tel a{ font-size:16px; color:#fff;margin:0px 2%;}
.tel{ padding-left:2%; box-sizing: border-box;}
.tel i{ width:30px; height:30px; background:#fff; display:block; border-radius:50%; text-align:center;;float: left;margin: 0px 6px; margin-top:2.5%}
.tel i img{ width:70%; margin-top:27%}
/* .tel span:nth-child(2) img{ width:100%; margin-top:0%} */
.page {width: 100%;display: inline-block;margin: 0px 0px 16px 0px ;}
.page h1{ width: 48.3%; margin-top: 10px;}
.page  h1 img{ width: 100%;}
.page .nave{width: 63.9%;position: relative;}
.page-nave{ width:100%; background:#172c82;display:inline-block}
.nave ul li{ width: 12.5%;float: left;text-align: center;line-height: 60px; height: 60px; color: #333; position: relative;} 
.nave ul li a{ color: #fff;font-size: 18px;}
.nave ul li.on{ background: #e71f19;}
.nave ul li.on a{ color: #fff;}
.nave ul li dl{ position: absolute; left: 0px; width: 100%;z-index: 9; background: #172c82; display: none;}
.nave ul li dl dt{ line-height:50px; text-align: center; border-bottom: 1px solid rgba(255,255,255,0.2);}
.nave ul li dl dt a{ font-size: 16px;}
.nave ul li dl dt:hover{ background: #e71f19;}
.nave ul li:hover dl{ display: block;}
.page .t5{ margin-top:2%} 
.page .t5 .tel1{height:29px;}
.page .t5 .tel1 img{float:left; padding-left:46%; padding-right:10px;}
.page .t5 .tel1 a{font-size:16px; color:#333; }
.page .t5 .tel1 a:hover{font-size:16px; color:#09499f;}
.page .t5 .tel2{font-size:36px; font-weight: bold; color:#09499f; font-family:fontDin1; margin-top: 3%;}
.nave ul li:hover{color: #caa870;border-bottom: 2px solid #caa870; }
.lb{ position: relative;  width: 100%;display: inline-block; overflow: hidden;}
.lb .swiper-container {width: 100%;height: 100%;margin-left: auto; margin-right: auto;position: relative;}
.lb .swiper-slide {text-align: center;font-size: 18px;background: #fff;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
/* .swiper-slide img{ width: 100%;} */
.lb .swiper-container>.swiper-pagination-bullets{ bottom: 3% !important;}
.lb .swiper-pagination-bullet{width: 12px !important; height: 12px !important; background: #fff; opacity:0.5;}
.lb .swiper-pagination-bullet-active{ opacity: 1;}
.lb .swiper-button-prev{ left: 83% !important; top: 92%;outline: none;color: #fff;border: 3px solid #fff; width: 40px;height: 40px;border-radius: 50%;}
.lb .swiper-button-next:after,.lb .swiper-button-prev:after{ font-size: 25px !important;font-weight: bold;}
.lb .swiper-button-next{ right: 10% !important;top: 92%;outline: none;color: #fff;border: 3px solid #fff; width: 40px;height: 40px;border-radius: 50%;}
.lb .swiper-slide img{width: 100%;height: auto;min-height: 100%;transition: 1s linear 2s;transform: scale(1.1,1.1);}
.lb .swiper-slide-active img {transition: 5s linear; transform: scale(1,1);}
.lb .swiper-button-prev:hover,.lb .swiper-button-next:hover{ background: rgba(255,255,255,0.5);}
.button_down { width: 40px; height: 40px; position: absolute; bottom: 6%;left: 48.5%; z-index: 9;-webkit-animation: bounce-down 2s linear infinite;animation: bounce-down 2s linear infinite; cursor:pointer}
@-webkit-keyframes bounce-down {
       25% {
            -webkit-transform: translateY(-8px);
       }
       50%, 100% {
            -webkit-transform: translateY(0);
       }
       75% {
            -webkit-transform: translateY(8px);
       }
}
 
@keyframes bounce-down {
        25% {
             transform: translateY(-8px);
        }
        50%, 100% {
             transform: translateY(0);
        }
        75% {
             transform: translateY(8px);
        }
}
/* 搜索 */
.search{ height: 60px;border-bottom: 1px solid #e8e8e8; overflow: hidden;}
.search .left_seach{ width: 69%; float: left; line-height: 60px; font-size: 14px;}
.search .left_seach i{ color: #dd3641; font-style: inherit;}
.search  .right_seach{ width: 25%; float: right; }
.seach_cont{background: #eaeaea; height: 40px; border-radius:20px; margin-top: 10px;}
.seach_cont span{ width: 80px; float: right; background: #172c82;  border-radius:20px; display: block; height: 100%; line-height: 40px; text-align: center; color: #fff;}
.seach_cont form{ width: 100%; display: block;}
.seach_cont  input{ width: 76%; height: 40px; background: none; border: none;outline:medium; line-height: 40px; color:#cccccc; font-size: 16px; float: left;padding-left: 5%;box-sizing: border-box;}
.search button{ border: none; background: none; outline:medium;}
.search .left_seach a{padding: 0px 5px;}
.search .left_seach a:hover{ color: #dd3641;}
.title{width: 100%;display: inline-block;margin-top: 73px;}
.title span{ font-size: 48px;font-weight: bold;margin: auto;display: block;text-align: center;} 
.title span i{margin: 0px 38px;}
.title p{ text-align: center;font-size: 16px;color: #999;line-height: 40px;}
.pro-box{width: 100%;display: inline-block;}
.pro-box .pro-title ul {display: flex;justify-content: center;margin-top: 50px;}
.pro-title ul li{  width: 16.7%;height: 56px;line-height: 56px;background: #172c82;border-radius: 10px;margin: 0px 18px;text-align: center;}
.pro-title ul li a{ color: #fff;font-size: 22px;}
.pro-title ul li.on{ background: #dd3641;}
/*  */
.pro-list{width: 100%;display: inline-block;margin-top: 60px;}
.tu-box{width: 69.23%;background: url(../images/zhongtuo1.jpg) #ecf5fd no-repeat top;border: 1px solid #e4e4e4;overflow: hidden;background-size: 100%;}
.tu-box .img_2{ width: 100%;height: 702px;display: inline-block;flex-shrink: 0;overflow: hidden;}
.tu-box .img_2 .left-img{width: 48%;padding-left: 38px;box-sizing: border-box;}
.tu-box .img_2 .left-img  p{ font-size: 30px;font-weight: bold;color: #000;margin-top: 30%;} 
.tu-box .img_2 .left-img span { font-size: 18px;color: #333;line-height: 36px;margin-top: 10%;display: block;height: 215px; overflow: hidden;} 
.tu-box .img_2 .left-img span i{width: 100%;text-align: left;font-size: 24px;font-weight: bold;color: 000;display: block;font-style: initial;}
.tu-box .img_2 .left-img span:nth-child(3){height: 140px;} 
.tu-box .img_2 .right-img{width: 52%; height: 100%; align-items: center;display: flex;}
.tu-box .img_2 .right-img img{width: 96%;display: block;margin: auto; }
.tu-box .img_2 .cheng-right-img{ padding-left: 4%; box-sizing: border-box;}
.tu-box .img_2 .cheng-right-img img{ width: 100%; height: 100%; object-fit: cover;}
.suoluetu{ width: 28.5%;height: 702px;}
.suoluetu .main-waiper{ height: 560px; width: 100%;margin-top: 67px;overflow: hidden;}
.main-swiper-wrapper{ height: 100%;}
.suoluetu .main-waiper .layimg{width: 100%;height: 270px !important;border: 1px solid #e4e4e4;margin-bottom: 20px;position: relative; flex-shrink: 0;display: flex;}
.suoluetu .main-waiper .layimg .lay-thumb{ width: 100%;height: 100%;background: #ecf5fd;}
.layimg .lay-thumb img{width: 75%;margin: 0px auto;display: block;}
.cheng-img .lay-thumb img{ width: 100%; height: 100%; object-fit: cover;}
.suoluetu .main-waiper .swiper-wrapper{display: block;}
.suoluetu .main-waiper .layimg p{ position: absolute; width: 100%;text-align: center;height: 40px;line-height: 40px;bottom: 0px;background: #fff;}
.section_2{ position: relative; width: 100%;display: inline-block;}
.left-swiper { position: absolute; width: 28.5%;height: 55px;right: 0px;top: 0px;background: #dd3641;}
.right-swiper { position: absolute; width: 28.5%;height: 55px;right: 0px;bottom: 0px;background: #dd3641;}
.left-swiper i{ width: 0;height: 0;border-top: 15px solid #fff;border-right: 15px solid transparent;border-left: 15px solid transparent;display: block;margin: auto;margin-top: 5%;}
.right-swiper i{ width: 0;height: 0;border-bottom: 15px solid #fff;border-right: 15px solid transparent;border-left: 15px solid transparent;display: block;margin: auto;margin-top: 5%;}
.suoluetu .main-waiper .swiper-slide-thumb-active p{ background: #dd3641;color: #fff;}
/*  */
.box2{ width: 100%;display: inline-block;background: url(../images/zhongtuo2.jpg) top;margin-top: 116px;padding-top: 62px;padding-bottom: 62px;background-size: 100%;} 
.left-about{ width: 49.3%;}
.left-about .title-abot{ width: 100%;height: 90px;padding-left: 5%;box-sizing: border-box;position: relative; }
 .title-abot::before{ content: '';width: 8px;height: 100%; background-image: linear-gradient(to top, #d71500, #fe7a2f);display: block;position: absolute;left: 0px;top: 0px;}
 .left-about .title-abot p{ font-size: 36px;font-weight: bold;line-height: 60px;}
 .left-about .title-abot span{ font-size: 24px;}
 .abot-cont{ font-size:16px;line-height: 36px;text-indent:2em;margin-top: 30px; height: 152px; overflow: hidden;}
 .about-moer{width: 100%;display: inline-block;margin-top: 30px;}
  .about-moer li{ float: left;}
 .about-moer li:nth-child(1){ width: 27.5%;height: 84px;border-bottom: 1px solid #000; letter-spacing:15px;padding-top: 6%;box-sizing: border-box; }
 .about-moer li:nth-child(2){ width: 28%;font-size: 100px;line-height: 84px; font-family: "ali";color: #000;margin: 0px 10% 0px 5%; }
  .about-moer li:nth-child(3) a{width: 190px;height: 52px;line-height: 52px;text-align: center;font-size: 18px;background: #dd3641;color: #fff;border-radius: 10px;display: block;margin-top: 14%;}
.about-moer li:nth-child(3) a i{ width: 24px;height: 30px;display: block;float: right;margin-top: 6%;margin-right: 16%;}
.about-moer li:nth-child(3) a i img{ width: 100%;}
.right-img{ width: 47%;display: inline-block;overflow: hidden;position: relative;}
.right-img .about-thumb{ width: 100%;height: 570px;flex-shrink: 0;}
.right-img .about-thumb img{ width: 100%;height: 100%;object-fit: cover;}
.right-img .swiper-pagination-bullet {width: 10px;height: 10px;}
.right-img .swiper-button-next, .right-img .swiper-button-prev{ width: 52px;height: 52px;background: rgba(23,44,130,0.5);border-radius: 50%; }
.right-img  .swiper-button-prev:after, .right-img  .swiper-button-next:after{ font-size: 30px;color: #fff;}
.about_box{ width: 100%;display: inline-block;}
.hor-box{ width: 100%;display: inline-block;position: relative;margin-top: 96px;}
.hor-box .hor-list{ width: 92%;overflow: hidden;margin: 0px auto;display: block;}
.hor-box .swiper-wrapper{ width: 100%;margin: auto;} 
.hor-box .hor-img{ width: 300px; height: 440px;  flex-shrink: 0;}
.hor-box .hor-img img{ width: 100%; height: 85%; object-fit: contain; }
.hor-box .hor-img .tit { width: 100%; height: 10%; font-size: 16px; text-align: center; line-height: 1.2; margin-top: 5%;  }
.hor-list .swiper-button-next, .hor-list .swiper-button-prev{ width: 52px;height: 52px;background: #fff;border-radius: 50%; }
.hor-list .swiper-button-prev:after, .hor-list .swiper-button-next:after{ font-size: 30px;color: #333;}
/*  */
.case-box .case-title ul {display: flex;justify-content: center;margin-top: 10px;}
.case-title ul li{  width: 16.7%;height: 56px;line-height: 56px;background: #172c82;border-radius: 10px;margin: 0px 18px;text-align: center;}
.case-title ul li { color: #fff;font-size: 22px;}
.case-title ul li.on{ background: #dd3641;}
.switch-case{width: 100%;display: inline-block;position: relative;}
.switch-case .switch-list{ width: 100%;display: inline-block;height: 670px;overflow: hidden;}
.case-list .case-cont{ width: 680px;height: 660px;background: #f4f7fe;box-shadow: 0px 0px 10px rgba(0,0,0,0.2);position: relative;float: left;margin-right: 76px;}
.case-img{width: 100%;height: 460px;overflow: hidden;position: relative;}
.case-img img{width: 100%;}
.case-img .case-thumb{width: 100%;height: 100%;object-fit: cover;}
.case-img i{ width: 100%;/* height: 93px; */position: absolute;bottom: 0px;left: 0px;} 
.case-img i img{ width: 100%;}
.case-img span{ position: absolute;top: -4.5%;right: -4.5%; width: 117px;height: 117px;line-height: 117px;text-align: center;color: #fff;font-size: 18px;background: #dd3641;border-radius: 50%;}
.case-zhe{ position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,0.5);top: 0px;left: 0px;display: none}
.case-zhe img{width: 20%;display: block;margin: auto;margin-top:48%;}
.case-title{ padding: 35px 25px;box-sizing: border-box;}
.case-title p{ font-size: 30px;font-weight: bold; width: 100%;}
.case-title p b{ font-size: 20px;font-weight: 500;float: right;margin-top: 2%;}
.case-title span{ font-size: 18px;line-height: 36px;color: #666;margin-top: 4%;display: block;}
.case-title .more {width: 100%;display: inline-block;margin-top: 3%;}
.case-title .more i{ float: left;font-size: 18px;line-height: 25px;font-style: initial;}
.case-title .more b{  width: 20%;height: 36px;background: #dd3641;display: block;float: right;border-radius: 10px;font-size: 18px;color: #fff;font-weight: 500;text-align: center;line-height: 36px; }
.case-cont:hover .case-zhe{ display: block;}
.case-left,.case-right{ width: 80px;height: 80px;background:rgba(0,0,0,0.5);display: block;border-radius: 50%;position: absolute;top: 45%;z-index: 2;}
.case-left img,.case-right img{ width: 70%;display: block;margin: auto;padding-top: 12%;box-sizing: border-box;}
.case-left{left: -3%;}
.case-right{ right: -3%;}
.case-more{width: 210px;height: 55px;background: #dd3641;border-radius: 10px;display: block;text-align: center;line-height: 55px;margin: auto;margin-top: 40px;}
.case-more a{ color: #fff;font-size: 18px;}
.case-more:hover{ background: #172c82;}
/*  */
.news-title ul{display: flex;justify-content: center;margin-top: 50px;}
.news-title ul li{  width: 16.7%;height: 56px;line-height: 56px;border-radius: 10px;margin: 0px 18px;text-align: center;border: 1px solid #dd3641;}
.news-title ul li a{ color: #dd3641;font-size: 22px;}
.news-title ul li.on{ background: #dd3641;}
.news-title ul li.on a{ color: #fff;}
.news-list { margin-top: 60px;}
.news-list ul li{ width: 24%;margin-right: 1%;border-radius: 20px;overflow: hidden;background: #f4f7fe;float: left;}
.news-list ul li .news-img{width: 100%;height: 252px;position: relative;overflow: hidden;}
.news-img .newsthumb{width: 100%;height: 100%;object-fit: cover;}
.news-img i{ position: absolute;bottom: 0px; width: 100%;left: 0px;}
.news-img i img{ width: 100%;}
.news-list ul li:last-child { margin-right: 0px;}
.news-cont{width: 100%;padding: 10px 20px;box-sizing: border-box;}
.news-cont .newstitle{width: 100%;display: inline-block;border-bottom: 1px solid #d4d4d4;padding-bottom: 10px;box-sizing: border-box;}
.news-cont .newstitle span:first-child{width: 20%;float: left;text-align: center;font-size: 12px;}
 .news-cont .newstitle span:first-child b{ font-size: 48px;line-height: 48px;}
  .news-cont .newstitle span:nth-child(2){width: 76%;float: right;font-size: 22px;padding-top: 4px;box-sizing: border-box; height: 44px; overflow: hidden;}
.news-cont p{font-size: 14px;line-height: 25px;margin: 15px 0px;}
.news-moer{ width: 48%;height: 50px;line-height: 50px;text-align: center;font-size: 14px;background: #878787;color: #fff;}
.news-list ul li:hover .newstitle { color: #dd3641;}
.news-list ul li:hover .news-moer{ background: #dd3641;}
.news-list ul li:hover .newsthumb{ -webkit-transform:scale(1.15);-moz-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15);
-webkit-transition:all 2s ease;-moz-transition:all 2s ease;-o-transition:all 2s ease;transition:all 2s ease;}
.list-news ul{width: 100%;display: inline-block;}
.box5{ width: 100%;display: inline-block;margin-top: 50px;}
.box5 i{ width: 13%;display: block;float: left;}
.box5 i img{  width: 100%;}
.box5  span{ width: 85%;float: right;}
.box5  span a{ font-size: 14px;margin: 0px 6px;line-height: 24px;}
/*  */
.box6{ width: 100%;display: inline-block;background: url(../images/zhongtuo5.jpg) no-repeat top;padding-bottom: 20px;margin-top: 40px; background-size: 100%;}
.box6 ul { width: 33.3%;float:left;margin-top: 5%;display: inline-block;color: #fff;background-size: 100%;} 
.box6 .tel-box  p{ font-size:30px;font-weight: bold;line-height: 50px;}
.tel-box p i{ font-size: 36px;font-style: initial; text-transform:uppercase;font-family: Arial, Helvetica, sans-serif; }
.tel-box span{ font-size: 25px;margin-top: 35px;display: block;}
.tel-box span i{ font-size: 36px;font-style: initial;font-weight: bold;font-family: Arial, Helvetica, sans-serif;line-height: 70px;}
.tel-box  li{ width: 100%;height: 35px;line-height: 35px;display: block;margin-bottom: 15px;}
.tel-box li i{ width: 35px;height: 35px;background: #fff;border-radius: 50%;float: left;margin-right: 20px;display: flex;align-items: center;}
.tel-box li i img{ width: 75%;display: block;margin: auto;}
.box6  .nev-box {  padding-top:9%;box-sizing: border-box;}
.box6  .nev-box dl{ width: 50%;float: left;}
.nev-box dl span{ font-size: 25px;line-height: 45px;}
.nev-box dl dt{ font-size: 16px;line-height:48px ;}
.nev-box dl dt a{ color: #fff;}
/*.top-ma .sao-ma{ width: 34%;float: right;padding-top: 5%;box-sizing: border-box;}*/
.top-ma .sao-ma{ width: 34%;float: left;padding: 0 29px;padding-top: 5%;box-sizing: border-box;}
.top-ma .sao-ma img{ width: 100%;}
.top-ma .sao-ma p {text-align: center;font-size: 14px;line-height: 35px;display: block;}
.top-ma{     width: 100%;display: inline-block;}
/*.top-ma .sao{ width: 62%;margin: 0px 8px;}*/
.top-ma .sao{ width: 49%;margin: 0px 8px;}

.ma-box li{line-height: 72px;font-size: 16px;color: #fff;}
.ma-box li a{ color: #fff;}
/* 内科 */
.banner-image{ height: 540px; background-position:top center; background-size: cover; background-repeat: no-repeat;}
.showsearch{ background: #f5f5f5;border-bottom: 0px;}
.mcrumbs{ width: 38%;float: left;line-height: 60px;}
.mcrumbs i{  float: left;margin-right: 15px;margin-top: 3.5%; width: 15px;}
.mcrumbs i img{ width: 100%;}
.mcrumbs span{ width: 88%;overflow: hidden;line-height: 60px;display: block;height: 60px; overflow: hidden; font-size: 14px;}
.honor-pages{ width: 100%;display: inline-block; margin-top: 5%;}
.honor-pages ul li{ width: 31.5%;margin-right: 2%; float: left;margin-bottom: 20px;}
.honor-pages ul li .honor-arr{height: 640px;overflow: hidden;width: 100%;display: flex;align-items: center;}
.honor-pages ul li .honor-thumb{ height: 340px;overflow: hidden;width: 100%;display: flex;align-items: center;}
.pei-list ul li .honor-arr{height: 340px;overflow: hidden;width: 100%;display: flex;align-items: center;}
.honor-arr img{ width: 100%;}
.honor-pages ul li:nth-child(3n){ margin-right: 0px;}
.honor-pages ul li p{ width: 100%;background: #e5e5e5;line-height: 70px;height: 70px;text-align: center;font-size: 22px; }
.honor-pages ul li:hover p{ background: #dd3641;color: #fff;}
 .honor-pages ul li :hover .honor-arr img{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15);
-webkit-transition:all 2s ease;-moz-transition:all 2s ease;-o-transition:all 2s ease;transition:all 2s ease; }
.v9_pages{ text-align: center;margin-top: 40px;display: inline-block; width: 100%;}
.v9_pages a{ padding: 10px 16px;border: 1px solid #666;margin: 0px 5px;border-radius: 6px;font-size: 18px;}
.v9_pages span{ padding: 10px 16px;margin: 0px 5px;border-radius: 6px;background: #dd3641;color: #fff;font-size: 18px; }
.inside-title{ float: right; width: 60%; text-align: right;}
.inside-title ul li{ line-height: 60px;font-size: 16px;margin: 0px 2%; float: right; }
.inside-title ul li.on a{ color: #dd3641;}
.inside-title ul li:hover a{ color: #172b7d;}
.news-pages{ width: 100%;display: inline-block;}
.news-pages ul li {width: 100%;display: inline-block;}
.news-pages ul li .news-middle{ width: 75.5%;padding: 27px 0px;box-sizing: border-box;margin: auto;display:flex;}  
.news-figure{ width: 25.4%;height: 250px;border-radius: 10px;overflow: hidden;}
.news-figure img{ width: 100%;height: 100%;object-fit: cover;}
.news-arr{ width: 11.1%;}
.news-mark{ width: 63%;}
.news-arr span{ font-size: 60px;font-family: Arial, Helvetica, sans-serif;font-weight: bold;height: 90px;border-right: 1px solid #999;display: block; width: 100%;text-align: left;padding-left: 10%;box-sizing: border-box;margin-top: 30%;}
.news-arr span i{ font-weight: 300;font-size: 20px;font-style: initial;}
.news-mark{ padding: 0px 3%;box-sizing: border-box;}
.news-mark h4{ font-size: 24px;color: #000;font-weight: bold;}
.news-mark p{ font-size: 16px;line-height: 30px;margin: 35px 0px;display: block;}
.news-mark span{ width: 170px;height: 48px;color: #fff;background: #dd3641;display: block;line-height: 48px;text-align: center;border-radius: 15px 0px 15px 0px;}
.news-pages ul li:hover{ background: #f5f5f5;} 
.news-pages{ margin-top: 50px;display: inline-block; width: 100%;}
.inside-show{ margin-top: 54px;}
.left-show{ width: 75.7%;}
.left-show > p:first-child { font-size: 26px;text-align: center;line-height: 50px;}
.left-show .xiaoboao{ font-size: 16px;color: #666;text-align: center; width: 100%;display: block;line-height: 30px;}
.left-show .xiaoboao a{ color: #666;}
.show-cont{ line-height: 36px;}
.show-cont>div{ line-height: 36px;}
.show-cont p{ line-height: 36px;}
.show-cont span{ line-height: 36px;}
.page_turn span{ text-align: left; width: 100%;display: block;line-height: 40px;}
.page_turn { margin-top: 50px;margin-bottom: 30px;border-bottom: 1px solid #e3e3e3;padding-bottom: 10px;}
.xianguan{ font-size: 24px;font-weight: bold;padding-bottom: 10px;border-bottom: 1px dashed #999;}
.xianguan i{ width: 11px; height: 11px;display: block;background: #fff;border-radius: 50%;border: 3px solid #172c82; float: left;margin-right: 15px;margin-top: 10px;}
.xianguan span{ font-weight: 200;font-size: 16px;float: right; text-transform:uppercase;  }
.rel-news{ margin-bottom: 40px;}
.rel-news ul li{ float: left; width: 48%; height: 50px; font-size: 16px; line-height: 50px; margin-right: 4%; border-bottom: 1px dashed #999;} 
.rel-news ul{ margin-top: 2%;}
.rel-news ul li:nth-child(2n){ margin-right: 0px;}
.rel-news ul li span { width: 80%; float: left; overflow: hidden;}
.rel-news ul li i{ float: right; font-size: 16px; font-style: inherit;}
.relevant { width: 100%;display: inline-block;}
.rel-pic{ position: relative; width: 100%;display: inline-block;}
.rec{ width: 100%;overflow: hidden;margin-top: 30px;}
.rec-img{flex-shrink: 0;margin-right: 30px;}
.rec-img .rel-img{ width: 98.8%;height: 260px;overflow: hidden;border: 2px solid #e7e7e7; display: flex;align-items: center;}
.rec-img .rel-img img {width: 80%; display: block; margin: auto;}
.rec-img span{ width: 100%;height: 50px;font-size: 18px;text-align: center;line-height: 50px;display: block;background: #e7e7e7;}
.rec .swiper-button-next, .rec .swiper-button-prev{ width: 52px;height: 52px;background: rgba(0,0,0,0.5);border-radius: 50%;top: 55%; }
.rec .swiper-button-prev:after, .rec .swiper-button-next:after{ font-size: 30px;color: #fff;}
.rec .swiper-button-prev{ left: -2%;}
.rec .swiper-button-next{ right: -2%;}
.right-show{ width: 22.2%;}
.show-title{ width: 100%;height: 110px;background: #172b7d;text-align: center;border-radius: 15px 15px 0px 0px;color: #fff;padding: 20px 0px;box-sizing: border-box;}
.show-title p{ font-size: 36px;font-weight: bold;}
.show-title span{ font-size: 16px;font-weight: 200;text-transform:uppercase;line-height: 30px;}
.recommend ul li{ width: 99.4%;border: 1px solid #bfbfbf;margin-bottom: 20px;}
.recommend ul li .rightrec-img{ width: 100%;height: 224px;overflow: hidden;display: flex;align-items: center;}
.rightrec-img img{ width: 90%;display: block;margin: auto;}
.rightrec-cont{ background: #e5e5e5;padding: 20px;box-sizing: border-box;}
.rightrec-cont h4{ font-size: 18px;font-weight: 500;}
.rightrec-cont p{ color: #333333;font-size: 16px;font-weight: 200;line-height: 36px;}
.rightrec-cont span{ width: 40%;height: 30px;line-height: 30px;text-align: center;font-size: 14px;font-weight: 200px;background-image: linear-gradient(to right, #fe0200, #d9611c);display: block;color: #fff;border-radius: 10px;margin-top: 15px;}
.show-lainxi{width: 99.4%;border: 1px solid #bfbfbf;padding: 18px;box-sizing: border-box;}
.show-lainxi ul li{ font-size: 20px;line-height: 36px;}
.show-lainxi ul li i{ font-style: initial;padding-left: 18%;box-sizing: border-box;}
.show-lainxi ul li img{ width: 85%;display: block;margin: auto;}
.product-title{ margin-top: 40px;}
.product-title ul{ display: flex;justify-content: center;}
.product-title ul li{ width: auto; padding:0px 15px; margin-right: 30px;height: 50px;background: #dedede;border-radius: 10px;text-align: center;line-height: 50px;font-size: 16px; }
.product-title ul li.on{ background: #dd3641;color: #fff;}
.product-title ul li.on a{ color: #fff;}
.product-title ul li:hover{ background: #172b7d;color: #fff;}
.product-title ul li:hover a{ color: #fff;}
.product-list{ width:100%; display: inline-block;;  margin-top: 50px;margin-bottom: 50px;}

.product-list ul li{ width: 32%;margin-right: 1.5%;border: 1px solid #d3d3d3;background: #f8fcff;padding: 0.2rem;box-sizing: border-box;float: left;margin-bottom: 30px;}
.product-list ul li:nth-child(3n){ margin-right: 0px;}
.product-list ul li .goods {width: 100%;font-size: 0.24rem;font-weight: bold; line-height: 0.6rem; border-bottom: 1px solid #dfdfdf;}
.product-cont {width: 100%;display: inline-block;}  
.product-cont .pro-left{ width: 100%; }
.product-cont .pro-left span{ font-size: 14px;color: #333333;line-height: 0.3rem;}
.product-cont .pro-right{ width: 100%;display: flex;align-items: center; height: 280px; overflow: hidden;}
.pro-right img{ width: 100%; height: 100%; object-fit: cover;}
.product-cont .pro-left p{ color: #e71f19;font-size: 20px;margin-top: 10px;}
.product-list ul li:hover{ box-shadow: 0px 0px 10px rgba(0,0,0,0.5);}
.product-list ul li:hover .goods{ color: #dd3641;}
.product-list ul li:hover .pro-right img{ -webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);
-webkit-transition:all 2s ease;-moz-transition:all 2s ease;-o-transition:all 2s ease;transition:all 2s ease;}
.accessories p{ font-size: 36px;text-align: center;line-height: 60px; text-transform:uppercase; }
.accessories{ width: 100%;display: inline-block;margin-top: 30px;overflow: hidden;}
.acc-img{flex-shrink: 0;width: 24%;}
.acc-img .acc-thumb{ width: 98.8%;height: 260px;overflow: hidden;display: flex;align-items: center;border: 2px solid #e7e7e7;}
.acc-thumb img{ width: 95%;display: block;margin: auto;}
.acc-img span{ width: 100%;height: 50px;line-height: 50px;text-align: center;font-size: 18px;display: block;background: #e7e7e7;}
.accessories-list .button-next,.accessories-list .button-prev{ width: 85px;height: 40px;text-align: center;line-height: 40px;font-size:24px;background: #c8c8c8;float: left;border-radius: 10px;color: #fff;margin: 0px 10px;margin-top: 35px;}
.accessories-list .button-next{ margin-left: 43%;}
.accessories-list .button-next:hover,.accessories-list .button-prev:hover{ background: #dd3641;}
.accessories-list{width: 100%;display: inline-block;overflow: hidden;margin-top: 40px;}
.relation{ margin-top: 50px; margin-bottom: 40px; display: inline-block; width: 100%;}
.map{width: 55%;height: 665px;}
.contact{ width: 45%;height: 665px;background: #172b7d;padding: 30px;box-sizing: border-box;}
.contact ul li span i{ width: 38px; float: left;margin-right: 15px;}
.contact ul li span i img{ width: 100%;}
.contact h4{ font-size: 30px;color: #fff;font-weight: 500;line-height: 50px;}
.contact h4 i {font-size: 24px;font-style: initial;text-transform:uppercase;  }
.contact ul li{ margin-bottom: 10%;}
.contact ul li span{ font-size: 24px;line-height: 38px;color: #fff;line-height: 40px;}
.contact ul li p{ font-size: 24px;color: #fff;padding-left: 9%;box-sizing: border-box;line-height: 40px;}
.contact ul li:first-child{ margin-top: 10%;}
.contact ul li:first-child p {font-size: 28px;}
.pic-top{ width: 100%;display: inline-block;background: #f8fcff;padding: 47px 30px 30px 30px;box-sizing: border-box; height: 520px;}
.pic-top .left-picimg{width: 55%;display: flex;align-items: center;height: 100%;}
.left-picimg img{ width: 85%;display: block;margin: auto;} 
.show-gong img{ width: 95%;display: block;margin: auto;} 
.pic-top .right-piccont{width: 45%;}
.right-piccont li:first-child{ font-size: 30px; font-weight: bold;}
.right-piccont li:nth-child(2){ font-size: 14px;line-height: 30px; text-transform:uppercase;margin-top: 8%;min-height: 192px;}
.right-piccont li:nth-child(2) i{ font-style:initial; width: 28%;display: block;float: left; height: 100%; border-right: 1px solid #d9d9d9; margin-right: 2%; background: #f8fcff; padding-left: 2%; box-sizing: border-box;}
.right-piccont li:nth-child(2) p{ font-size:16px; text-align:left; border: 1px solid #d9d9d9; border-bottom: none; box-sizing: border-box; width: 100%; display: flow-root; }
.right-piccont li:nth-child(2) p:last-child{ border-bottom:1px solid #d9d9d9 ;}
.right-piccont .show-tel{ margin-top: 10%;}
.show-tel span{ float: left;}
.show-tel span:first-child{ width: 45%;height: 57px;line-height: 57px;text-align: center;background: #dd3641;border-radius: 10px;display: block;font-size: 18px;color: #fff;}
.show-tel span:first-child a{ color: #fff;font-size: 18px;}
.show-tel span:nth-child(2){ font-size: 24px;font-weight: bold;color: #dd3641;line-height: 30px;margin-left:5%;} 
.picinstde-show { width: 100%;display: inline-block;margin-top: 10px;}
.picinstde-show span{ width: 100%;height: 40px;line-height: 40px;font-size: 30px; font-weight: bold;}
.picinstde-show span i{ width: 40px;height: 40px; float: left;margin-right: 2%;}
.picinstde-show span i img{ width: 100%;}  
.pic-canshu{ margin-top: 30px;line-height: 30px;font-size: 16px; padding-right: 4%; box-sizing: border-box;}
.pic-canshu>div,.pic-canshu p,.pic-canshu span{ line-height: 30px;font-size: 16px;}
.pic-canshu img{ max-width: 80%;}
.picinstde-show ul{ margin-top: 30px; }
.left-caseimg{width: 50%;height: 420px;overflow: hidden;margin-right: 5%;position: relative;}
.left-caseimg .caseshow-img{ width: 100%;height: 100%;overflow:hidden;flex-shrink: 0;}
.left-caseimg .caseshow-img img{ width: 100%; height: 100%;object-fit: cover;}
.left-caseimg .swiper-pagination-bullet{width: 12px;height: 12px;}
.incase-list{width: 100%;margin-top: 40px;display: inline-block;}
.incase-list ul li{ width: 32%;margin-right: 2%;float: left;box-shadow: 2px 2px 5px rgba(0,0,0,0.2);margin-bottom: 35px;}
.incase-list ul li:nth-child(3n){ margin-right: 0px;}
.incase-list ul li .case-inslist{ position: relative; width: 100%;height: 300px;overflow: hidden;}
.case-inslist img{ width: 100%;}
.case-inslist  .inside-t{ width: 100%;height: 100%;object-fit: cover; }
.case-inslist  i{ position: absolute;bottom: 0px;left: 0px; width: 100%;}
.case-inslist  i img{width: 100%; }
.case-inscont { background: #f4f7fe;padding: 20px;box-sizing: border-box;}
.case-inscont p{ font-size: 20px;font-weight: bold;margin-bottom: 5%;}
.case-inscont span{  font-size: 12px;line-height: 24px;color: #666;height:48px;display:block; }
.case-insmore{width: 100%;margin-top: 5%;display: inline-block;}
.case-insmore i{ width: 20%;height: 25px;line-height: 25px;text-align: center;background: #dd3641;border-radius: 8px;display: block; float: left;font-size: 12px;font-style: initial;color: #fff;}
.case-insmore b{ float: right;font-size: 14px;font-weight: 500;}
.incase-list ul li:hover{ box-shadow: 2px 2px 5px rgba(231,31,25,0.5);}
.incase-list ul li:hover .inside-t{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);
-webkit-transition:all 2s ease;-moz-transition:all 2s ease;-o-transition:all 2s ease;transition:all 2s ease;}
.about-insidejog{ width: 100%;display: inline-block;margin-top: 80px;}
.about-module{ width: 100%; display: inline-block;}
.article-cont{ width: 54.02%;}
.article-cont h3{ font-size: 48px;font-weight: bold;color: #e71f19;}
.article-cont i{ font-size: 24px;line-height: 38px;font-style: initial;font-weight: 400;color: #333;}
.article-img{ width: 44.72%;height: 490px;overflow: hidden;border-radius: 20px;position: relative;}
.article-img img{ width: 100%; height: 100%;object-fit: cover;}
.article-img span{ width: 50%; height: 110px;background: #e71f19;bottom: 0px;left: 0px;display: block;font-size: 40px;text-align: center;line-height: 110px;font-weight: bold;font-family: Arial, Helvetica, sans-serif;position: absolute;color: #fff;text-transform:uppercase;}
.brand-list{ width: 100%; display: inline-block; margin-top: 40px;}
.brand-list ul li{ width: 19.2%; margin-right: 1%; float: left; text-align: center;background: url(../images/banbei.png) no-repeat top; background-size: 103%; height: 120px;display: flex; align-items: center;}
.brand-list ul li img{ width: 80%; display: block; margin: auto;}
.brand-list ul li:last-child{ margin-right: 0px;}
.article-about{ padding: 28px;box-sizing: border-box;line-height: 48px;font-size: 18px; text-indent:2em;position: relative;}
.article-about::before{content: '';width: 5px;height: 76px;background: #e71f19;display: block;position: absolute;left: 0px;top: 8%;}
.coop-inside{ width: 100%;background: url(../images/zhongtuo7.jpg) no-repeat top;display: block;margin-top: 90px;padding-top: 86px;padding-bottom: 60px;background-size: 100%;}
.coop-title h4{ font-size: 36px;font-weight: bold;color: #fff;}
.coop-title h4 i{ font-style: initial;font-weight: 500;text-transform:uppercase;}
.coop-inside ul { margin-top: 60px;  width: 100%;display: inline-block;}
.coop-inside ul li{ width: 24%;margin-right: 1.3%;background: #fff;padding: 26px;box-sizing: border-box;border-radius: 10px;float: left;}
.coop-inside ul li:last-child{ margin-right: 0px;}
.coop-inside ul li h5{ width: 100%;text-align: center;margin-top: 20px;}
.coop-inside ul li p{ text-align: center;font-size: 24px;line-height: 36px;margin: 30px 0px;}
.coop-inside ul li span{ color: #221815;font-size: 18px;line-height: 36px; min-height: 205px; height: 216px; display: block;}
.culture-inside{ width: 100%;display: inline-block;background: url(../images/tu14.png) no-repeat bottom;background-size: 100%;padding-top: 110px;min-height: 710px;position: relative;}
.culture-inside .left-cultur{ width: 46.5%; float: left;}
.left-cultur h5{ font-size: 36px;font-weight: bold;line-height: 56px;} 
.left-cultur h5 i{ font-style:initial;font-weight: 500; text-transform:uppercase;margin-bottom: 10px;}
.left-cultur .cultur-title ul li{ width: 100%;line-height: 45px;font-size: 24px;font-weight: bold;display: inline-block;margin-top: 5%;position: relative;}
.brand-title h5{ text-align: center;}
.cultur-title ul li i{ width: 20px;margin-left: 5%;display: block; float: left;margin-top: 2%;display: none;}
 .cultur-title ul li i img{  width: 100%;}
.cultur-title ul li span{ width: 19%;float: left;}
.cultur-title ul li.on{ color: #0633a1; } 
.cultur-title ul li::before{ content: '';width: 27%;height: 2px;background: #0633a1;display: block;position: absolute;bottom: 0px;display: none;}
.cultur-title ul li.on i{ display: block;}
.cultur-title ul li.on::before{ display: block;}
.right-culture{ float: right; width: 53.1%;height: 492px;position: relative;overflow: hidden;border-radius: 15px;}
.right-culture .swiper-pagination-bullet{  width: 12px;height: 12px;}
.culture-img{ width: 100%; height: 100%; display: block;flex-shrink: 0;  }
.culture-img img{ width: 100%;}
.right-culture .swiper-pagination-bullet{ opacity: 1;}
.right-culture .swiper-pagination-bullet-active{ background: #dd3641;}
.right-culture .swiper-pagination-bullets{ left: 36% !important;}
.cultur-cont{ position: absolute; width: 36.1%;background: url(../images/zhongtuo8.jpg) no-repeat;background-size: 100%;border-radius: 10px;overflow: hidden;height: 400px;left: 30%;top: 30%; z-index: 3;padding: 36px;box-sizing: border-box;color: #fff;}
.cultur-cont h3{ font-size: 36px; color: #fff;}
.cultur-cont p{ font-size: 22px;line-height: 25px;margin: 4% 0px;}
.cultur-cont ul>div{font-size: 22px;line-height: 25px;margin: 4% 0px;}
.cultur-cont span{ font-size: 14px;line-height: 30px;}
.team-inside{ width: 100%;display: inline-block;margin-top: 70px;position: relative;}
.team-inside p{ font-size: 36px;text-align: center;line-height: 60px;text-transform:uppercase;}
.team-list{ width: 100%;overflow: hidden;margin-top: 47px;}
.team-list .team-img{ width: 460px;height: 340px;display: block;border-radius: 10px;overflow: hidden; flex-shrink: 0;} 
.team-list .team-img img{ width: 100%;height: 100%;object-fit: cover; }
.team-list  .swiper-button-next, .team-list .swiper-button-prev{ width: 70px;height: 70px;background: rgba(0,0,0,0.5);border-radius: 50%;top: 60%;}
.team-list .swiper-button-prev:after,.team-list .swiper-button-next:after{ font-size: 32px;color: #fff;}
.team-list  .swiper-button-next{ right: 10.5%;}
.team-list .swiper-button-prev{ left: 10.5%;}
.team-list  .swiper-button-next:hover, .team-list .swiper-button-prev:hover{ background: rgba(231,31,25,0.5);}
.team-list .team-img:hover img{ -webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);
-webkit-transition:all 2s ease;-moz-transition:all 2s ease;-o-transition:all 2s ease;transition:all 2s ease;}
.switch-case .switch-list .tempWrap,.case-list{ overflow: initial !important;}
.inside-pro{ width: 100%; display: inline-block; margin-top: 0.4rem;}
.inside-product-title{ width: 100%; display: inline-block;}
.inside-product-title h5{ font-size: 0.78rem; font-family: zimu; color: #d7000f; float: left; margin-right: 0.15rem;text-transform:uppercase;}
.inside-product-title span{ font-size: 0.3rem; margin-top: 1%; display: block; width: 38%; float: left;}
.inside-product-title span i{ font-size: 0.22rem;text-transform:uppercase; font-style: initial;}
.inside-product-title span b{ color: #d7000f;}
.product-moer{ float: right; font-size: 0.18rem; line-height: 100px;}
.inside-product-list{ margin-top: 0.3rem;}
.inside-product-list ul li{ width: 32%; margin-right: 1.5%; float: left; height: 4.4rem; border: 1px solid #dfdfdf; position: relative; overflow: hidden;}
.inside-pro-right{ width: 100%; height: 3.5rem; overflow: hidden; -webkit-transition: all 2s;transition: all 2s;}
.inside-pro-right img{ width: 100%;  height: 100%; object-fit: cover;}
.inside-product-list ul li:nth-child(3){ margin-right: 0px;}
.inside-product-list ul li .goods{ width: 100%; line-height: 0.9rem; text-align: center; font-size: 0.18rem;}
.inside-pro-left{ position: absolute; top: 0px; left: 0px; background: rgba(23,44,130,0.5); width: 100%; height: 100%; padding: 10%; box-sizing: border-box; display: none;}
.inside-pro-left span{ color: #fff; line-height: 0.3rem;}
.inside-pro-left .p{ font-size: 0.26rem; color: #fff; margin-top: 8%; margin-bottom: 0.24rem;} 
.inside-pro-left p{ font-size: 0.18rem; color: #fff; margin-top: 8%; display: block;}
.inside-product-list ul li:hover .inside-pro-right{ height: 100%;}
.inside-product-list ul li:hover .goods{ display: none;}
.inside-product-list ul li:hover .inside-pro-left{ display: block; transition: all 2s;} 
.picinstde-show .hd { width: 100%; display: inline-block;}
.picinstde-show .hd li{ width:240px; height:55px; line-height:22px; float:left; background:#E4E4E4; color:#000; font-size:20px; text-align:center; padding-top:10px; position:relative}
.picinstde-show .hd li .ico{ position:absolute; left:27%; z-index:9; top:12px; width:35px; height:39px; background:url(../images/pro-change-bg.png) center no-repeat}
.picinstde-show .hd li .ico.ico1{ margin-left:-20%; background-position:0px -39px;}
.picinstde-show .hd li .ico.ico2{ margin-left:-21%; background-position:-36px -39px}
.picinstde-show .hd li .ico.ico3{ margin-left:-10%; background-position:0px -39px;}
.picinstde-show .hd li i{ font-size:13px; font-weight: 300; }
.picinstde-show .hd li:first-child{ margin-right:10px;}
.picinstde-show .hd li.on{background:#dd3641;color:#fff;}
.picinstde-show .hd li.on .ico.ico1{ background-position:0px 0px;}
.picinstde-show .hd li.on .ico.ico2{ background-position:-36px 0px;}
.picinstde-show .bd{ height:auto;padding:0px 0px 60px 33px; background:#fcfcfc; clear:both;max-height:900px;}
.liucheng {
    width: 100%;
    display: block;
    margin-top: 30px;
}
.liucheng img{ width: 100%;}
#company_bg_c_l{width:50%; float:right;}
.spvideo{ width:100%; height:405px; position:relative;   }
.ripple,.ripple:before,.ripple:after {position: absolute;left:50%;top:52%;height: 65px;width:65px;margin-top: -34px;margin-left: -33px;border-radius: 50%;-ms-box-shadow: 0 0 0 0 rgba(31,93,203,0.64);-o-box-shadow: 0 0 0 0 rgba(31,93,203, 0.64);box-shadow: 0 0 0 0 #09499f;animation: ripple 3s infinite;}
.ripple{background: rgba(31,93,203, 0.5);display: -webkit-flex;display: flex;justify-content:center;flex-wrap: nowrap;align-items:center;}
.ripple:before {-webkit-animation-delay:.9s;animation-delay:0.9s;content:"";position:absolute;right: 0;bottom: 0;}
.ripple:after {-webkit-animation-delay:.6s;animation-delay:0.6s;content:"";position:absolute;right: 0;bottom: 0;}
.video_box.cur{opacity:1;z-index:999;transition:600ms ease;}
.video{position: fixed;top:-100%;left:71%;margin-top:-250px;margin-left:-575px;transition:600ms ease;z-index:999;}
.video_box.cur .video,.video_box.cur .video_x{top:40%;transition:600ms ease;}
.box_video .videobox{ position: absolute;bottom: 6%;left: 50%; z-index: 9999;}
.box_video .showvideo{ position: absolute; top: 0; width: 100%; height: 100%;  z-index: 99999;} 
.box_video .showvideo .close{position: absolute;z-index: 999;right: 2%;top: 2%;font-size: 16px;background: #fff}
.inside-show-title{ width: 75%;}
.inside-show-title p{ width: 100%; text-align: left; border-bottom: 2px solid #0633a1; font-weight: bold; line-height:0.8rem; margin-bottom: 0.4rem;}
.inside-show-title .title-cont{ text-align: center; font-size: 0.18rem; line-height: 0.35rem;}
.inside-show-title .title-cont span{ font-size: 0.18rem !important; line-height: 0.35rem}
.inside-fenli p{ font-size: 36px;text-align: center;line-height: 60px; text-transform:uppercase; margin-bottom: 0.3rem; }
@-webkit-keyframes ripple {
    70% {-webkit-box-shadow: 0 0 0 70px rgba(244, 68, 56, .0);box-shadow: 0 0 0 70px rgba(244, 68, 56, .0);}
    100%
    {
        -webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, .0);
                box-shadow: 0 0 0 0 rgba(244, 68, 56, .0);
    }
}
.inside-fenli{ margin-top: 0.5rem; width: 100%; display: inline-block;}
.inside-fenli dt{ width: 24.2%; margin-right: 1%; float: left; position: relative; height: 280px; overflow: hidden; }
.inside-fenli dt img{ width: 100%; height: 100%; object-fit: cover;-webkit-transition: all 2s;transition: all 2s;}
.inside-fenli dt:last-child{ margin-right: 0px;}
.inside-fenli dt p{ position: absolute; padding: 20px 0px; font-size: 0.3rem; top: 30%; left: 0px; width: 100%; background: rgba(0,0,0,0.5); color: #fff; text-align: center; font-weight: bold;text-transform:capitalize;}
.inside-fenli dt p i{ font-size: 0.14rem; font-weight: 400; text-transform:uppercase;}
.inside-fenli dt:hover{ border-radius: 30px;} 
.inside-fenli dt:hover img{ -webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.left-fei{ width: 100%; background: #f1f1f1; margin-bottom: 0.3rem; display: block;}
.left-fei li:before{ content:''; display:block; top:0; left:0; width:0; height:100%; background:#09499f; background: linear-gradient(to right,#09499f,#5fa4f3);transition:all .3s ease; position:absolute;z-index:-1;}
.left-fei li{ border-bottom:1px solid #fff; position:relative;z-index:3;} 
.left-fei li a{ display:block; line-height:60px; font-size:16px; color:#666666; padding-left:55px; position:relative; z-index:3; transition:all .3s ease;}
.left-fei li a:after{ content:''; display:block; position:absolute; width:16px; height:16px; background:url(../images/20210727140016_2015206767.png) no-repeat center; top:0; bottom:0; margin:auto 0; left:19px; transition:all .3s ease;}
.left-fei li.on{background: linear-gradient(to right,#09499f,#5fa4f3);}
.left-fei li.on a{ color: #fff;}
.left-fei li:hover:before{ width:100%;}
.left-fei li:hover a{ color:#fff;}
.left-fei li:hover a:after{ background:url(../images/20210727140054_1768539315.png) no-repeat center;}
.left-kist{ width: 20%; float: left;}
.product-list-right{ width: 78%;float: right; margin-top: 50px;margin-bottom: 50px;}
.product-list-right ul li .goods{ font-size: 0.20rem;}
.a_txt2 a{ width: 100%; display: block; line-height: 48px; height: 48px; padding-left: 55px; box-sizing: border-box; border-bottom: 1px solid #cbcbcb; position: relative;}
.left-kist .left-fei li{ background: linear-gradient(to right,#09499f,#5fa4f3); color: #fff;}
.left-kist .left-fei li a{ color: #fff;}
.a_txt2 a.on,.a_txt2 a:hover{background: linear-gradient(to right,#09499f,#5fa4f3); color: #fff; }
.a_txt2 a:after{ background:url(../images/sanjiao.png) no-repeat center;content:''; display:block; position:absolute; width:10px; height:10px;  top:0; bottom:0; margin:auto 0; left:19px;}
.product-list-right{ margin-top:0px}
.show-product-inside{margin-top:50px}
.product-cont .show-pro-lsit{ height: 250px;}
.pixc-title{margin-top:0px;margin-bottom:40px}
.pixc-title dl{ display: flex;justify-content: center;}
.pixc-title dl dt{ width: auto; padding:0px 15px; margin-right: 30px;height: 50px;background: #dedede;border-radius: 10px;text-align: center;line-height: 50px;font-size: 16px; }
.pixc-title dl dt.on{ background: #dd3641;color: #fff;}
.pixc-title dl dt.on a{ color: #fff;}
.pixc-title dl dt:hover{ background: #172b7d;color: #fff;}
.pixc-title dl dt:hover a{ color: #fff;}
.left-chiyou{width: 40%; float: left; position: relative; padding-right: 1%; box-sizing: border-box;}
.right-hezuo{ width:58%; float: right;}
.chiyou-brand ul li{width: 49%; margin-right: 1%;}
.chiyou-brand:last-child{ margin-right: 0px;}
.hezuo-brand ul li{ width: 32%; margin-right:1% ;}
.hezuo-brand ul li:last-child{ margin-right: 0px;}
.about-brand h6{ font-size: 22px; font-weight: bold; padding-left: 10%;}
.about-brand h6 i{ font: optional;18px; font-weight: 300;} 
.left-chiyou::after{ content: ''; width: 1px; height: 100%; display: block; position: absolute; top: 0px; right: 0px; background: #dfdfdf;}
@media screen and (max-width:1860px)
{
		.spvideo{ height: 390px;}
		.abot-cont{ font-size: 16px;line-height: 37px;}
	}
@media screen and (max-width:1840px)
{
	.cultur-cont{ background-size: 107%;}
	.tu-box .img_2 .left-img p{ font-size: 29px;}
	.case-list .case-cont{ margin-right: 42px; width: 660px;}
	.honor-pages ul li p{ font-size: 20px; overflow: hidden;}
	.brand-list ul li{ height: 110px;}
	.banner-image{ height: 520px;}
	.product-cont .pro-left span{ font-size: 12px;}
	.about-moer li:nth-child(2){ width: 22%;}
	.abot-cont{ font-size: 16px;}
	.spvideo{ height: 384px;}
	
	}
	@media screen and (max-width:1750px)	
		{
			.seach_cont input{ width: 75%;}
			.tu-box .img_2 .left-img p {font-size: 28px;}
			.hor-box .hor-img{ height: 424px;}
			.case-list .case-cont{ width: 630px;}
			.case-img{ height: 460px;}
			.news-cont .newstitle span:nth-child(2){ height: 59px;}
			.news-cont p{ height: 50px; overflow: hidden;}
			.article-about{ font-size: 17px;}
			.article-about>div { font-size: 17px;}
			.coop-inside{ background-size: 116%;}
			.coop-inside ul li span{ min-height: 250px;}
			.cultur-title ul li span{ width: 20%;}
			.cultur-cont {background-size: 113%;}
			.article-img{ height: 480px;}
			.contact h4 i{ font-size: 20px;}
			.honor-pages ul li p{ font-size: 18px;}
			.rightrec-cont h4{ font-size: 16px;}
			.rightrec-cont p{ font-size: 14px;}
			.show-lainxi ul li{ font-size: 18px;}
			.rec-img span{ font-size: 16px;}
			.right-piccont li:nth-child(2){ font-size: 18px;}
			.about-moer{ margin-top: 10px;}
			 .abot-cont{ font-size: 15px; line-height: 36px;}
			 .spvideo { height: 365px;}
			 .right-piccont li:nth-child(2) i{ font-size:15px}
			}
@media screen and (max-width:1680px)	
	{
		.seach_cont input {width: 74%;}
		.search .left_seach{ font-size: 14px;}
		.pro-title ul li a,.case-title ul li{ font-size: 20px;}
		.tu-box .img_2 .left-img p{ font-size: 26px;}
		.tu-box .img_2 .left-img span i{ font-size: 22px;}
		.tu-box .img_2 .left-img span{font-size: 16px;}
		.about-moer li:nth-child(2){ font-size: 90px;}
		.about-moer li:nth-child(3) a{ width: 170px;}
		.case-list .case-cont{ width: 600px;}
		.case-img{ height: 440px;}
		.switch-case .switch-list{ height: 760px;}
		.news-cont .newstitle span:nth-child(2){ font-size: 20px;}
		.news-cont .newstitle span:first-child b{ font-size: 40px;}
		.box6{ background-size: 106%;}
		.inside-title ul li{  font-size: 16px;}
		.mcrumbs span{ font-size: 16px;}
		.article-about{ font-size: 16px;}
		.coop-inside ul li p{ font-size: 22px;}
		.coop-inside ul li span{ font-size: 16px; min-height: 220px;}
		.left-cultur .cultur-title ul li{ font-size: 22px;}
		.cultur-cont{ height: 394px;}
		.product-cont .pro-left p{ font-size: 18px;}
		.honor-pages ul li p{ font-size: 16px;}
		.v9_pages a{ font-size: 16px;}
		.box6 .nev-box{ padding-top: 10%;}
		.nev-box dl dt{ line-height: 40px;}
		.ma-box li{ line-height: 65px;}
		.case-insmore b{ font-size: 12px;}
			.banner-image{ height: 480px;}
			.about-moer{ margin-top: 15px;}
			.spvideo{ height: 430px;}
			.abot-cont{ font-size: 15px; line-height: 30px;}
			.spvideo { height: 350px;}
		.abot-cont{ margin-top: 18px}
			 .right-piccont li:nth-child(2) i{ font-size:14px}
			 .right-piccont li:nth-child(2) p{font-size:14px}
		}
		@media screen and (max-width:1600px)	
		{
			.seach_cont span{ width: 76px;}
			.tu-box .img_2 .left-img p{ font-size: 25px;}
			.hor-box .hor-img{ height: 400px;}
			.case-list .case-cont{ width: 570px;}
			.case-img{ height: 400px;}
			.case-list .case-cont{ height: 560px;}
			.switch-case .switch-list{ height: 670px;}
			.case-title p{ font-size: 24px;}
			.case-title p b{ font-size: 16px;}
			.case-title span,.case-title .more i,.case-title .more b{ font-size: 14px;}
			.box6 .nev-box{ padding-top: 11%;}
      .ma-box li {line-height: 73px;} 
		.tel-box li{ margin-top: 13px;}
		 .article-about{ padding: 25px;}
			.coop-inside ul li p{ font-size: 20px;}
			.coop-inside ul li span{ line-height: 32px;}
			.cultur-cont {background-size: 119%;}
			.box6 { background-size: 108%;}
			.top-ma .sao{ width: 60%;}
			.culture-inside{ min-height: 590px;}
			.product-list ul li .goods{ font-size: 20px;}
			.product-cont .pro-left p{ font-size: 14px;}
			.a_txt2 a{padding-left: 40px;}
			.product-cont .pro-left span{line-height: 25px; height: 140px;display:block;}
			.product-list ul li .goods{font-size: 18px;}
			.honor-pages ul li .honor-arr{ height: 540px;}
			.contact ul li:first-child p{ font-size: 26px;}
			.right-piccont li:nth-child(2){ font-size: 16px;}
			.rel-news ul li i{ font-size: 14px;}
			.article-img {height: 550px;}
			.search .left_seach a{ font-size: 12px;}
			.abot-cont{ font-size: 14px; line-height: 29px;}
			.spvideo {
			    height: 335px;
			}
				 .right-piccont li:nth-child(2) i{ font-size:13px}
			 .right-piccont li:nth-child(2) p{font-size:14px}
			}
			@media screen and (max-width:1540px)
			{
				.seach_cont span {width: 73px;}
				.tu-box .img_2 .left-img{ padding-left: 20px;}
				.about-moer li:nth-child(3) a{ width: 160px; font-size: 16px;}
				.about-moer li:nth-child(3) a i{ width: 20px;margin-top: 8%;}
				.hor-box .hor-img{ height: 360px;}
				.case-list .case-cont{ width: 540px;}
				.news-cont .newstitle span:nth-child(2){ font-size: 16px;}
				.news-cont .newstitle span:first-child b{ font-size: 32px; line-height: 32px;}
				.tel-box li{ font-size: 14px;}
				.nev-box dl dt{font-size: 14px;}
				.tel-box li i{ width: 30px; height: 30px;}
				.box6 .tel-box p{ font-size: 24px;}
				.nev-box dl span{ font-size: 22px;}
				.article-cont h3{ font-size: 40px;}
				.article-cont i{ font-size: 20px;}
				.article-about{ font-size: 15px;}
				.article-img span{ font-size: 30px;}
				.coop-inside {background-size: 130%;}
				.left-cultur .cultur-title ul li{ font-size: 16px;}
				.cultur-cont h3{ font-size: 30px;}
				.cultur-cont p,.cultur-cont ul>div{ font-size: 18px;}
				.cultur-cont span{font-size: 12px;}
				.cultur-cont {background-size: 130%;}
				box6 .nev-box {padding-top: 12%;}
				.mcrumbs span{ font-size: 12px;}
				.show-tel span:first-child{ width: 40%;}
				.contact h4 i{ font-size: 16px;}
				.contact ul li:first-child p{ font-size: 22px;}
				.contact ul li p{ font-size: 22px;}
				.article-about>div {
    font-size: 16px;
}
.article-img {height: 450px;}
.banner-image{ height: 420px;}
               .product-list ul li .goods{font-size: 16px;}
			   .acc-img .acc-thumb{ height: 208px;}
			   .a_txt2 a{font-size: 12px;line-height: 35px; height: 35px; }
			   .suoluetu .main-waiper .layimg{ height: 216px !important; }
			   .suoluetu .main-waiper{ height: 455px;}
			   .tu-box .img_2{ height: 585px;}
			   .suoluetu{ height: 585px;}
			   .tu-box .img_2 .left-img p{ margin-top: 15%;}
			   .abot-cont { font-size: 12px; line-height: 26px;}
			   .about-moer li:nth-child(2){ font-size: 66px; line-height:initial;}
			   .about-moer li:nth-child(3) a{ height: 40px; line-height: 40px;}
			   .about-moer li:nth-child(3) a i{ margin-top: 5%;}
			   .about-moer li:nth-child(1){ height: 70px;}
			   .spvideo { height: 322px;}
				.hor-box{ margin-top: 40px;}
				}
				@media screen and (max-width:1480px)
				{
					.pro-title ul li a, .case-title ul li{ font-size: 18px;}
					.nave ul li a{ font-size: 16px;}
					seach_cont span {width: 69px;}
					.tu-box .img_2 .left-img p{ font-size: 24px;}
					.suoluetu .main-waiper .layimg{ height: 250px !important;}
					.suoluetu .main-waiper{ height: 524px;}
					.tu-box .img_2,.suoluetu{ height: 648px;}
					.about-moer{ margin-top: 0px;}
					.about-moer li:nth-child(1){ letter-spacing: 12px;}
					.case-list .case-cont{ width: 530px;}
					.case-left, .case-right{ width: 60px; height: 60px;}
					.case-img{ height: 320px;}
					.case-list .case-cont{ height: 550px;}
					.switch-case .switch-list{ height: 580px;}
					.case-more a{ font-size: 14px; }
					.case-more{ width: 160px; height: 45px; line-height: 45px;}
					.box6 .nev-box {padding-top: 12%;}
					.ma-box li {line-height: 78px;}
					.box6 { background-size: 116%; background-position-x: 66%;}
					.article-about,.article-about>div{ font-size: 14px;}
					.article-img{ height: 450px;}
					.coop-inside ul li p{ font-size: 16px; margin: 20px 0px;}
					.coop-inside ul li span{ font-size: 12px;    min-height: 180px;}
					.product-cont{ margin-top: 30px;}
					.product-cont .pro-left p{ font-size: 14px;}
					.accessories p{ font-size: 30px;}
					.acc-img span{ font-size: 14px;}
					.right-piccont li:nth-child(2){ font-size: 14px;}
					.rel-news ul li i{ font-size: 12px;}
					.rel-news ul li span{ font-size: 14px;}
					.rec-img span{ font-size: 14px;}
					.show-lainxi ul li{ font-size: 16px;}
					.inside-title ul li{ font-size: 14px;}
					.product-title ul li{ font-size: 14px;}
					.incase-list ul li .case-inslist{ height: 240px;}
					.brand-list ul li { height: 91px}
					.product-cont .show-pro-lsit {
					    height: 200px;
					}
					.spvideo { height: 310px;}
					.abot-cont{ height: 136px;}
					.news-list ul li .news-img{ height: 190px;}
					.top-ma .sao-ma{ width: 45%;}
					.ma-box li { line-height: 58px;}
					.case-list .case-cont {
					    height: 500px;
					}
						 .right-piccont li:nth-child(2) i{ font-size:12px}
			 .right-piccont li:nth-child(2) p{font-size:12px}
			}		
				@media screen and (max-width:1440px)
				{
					.seach_cont span { width: 68px;}
					.tu-box .img_2 .left-img p,.tu-box .img_2 .left-img span i{ font-size: 20px;}
					.tu-box .img_2 .left-img span{ font-size: 14px;}
					.left-about .title-abot span{ font-size: 22px;}
					.abot-cont{ font-size: 14px;}
					.about-moer li:nth-child(2){ font-size: 80px;}
					.about-moer li:nth-child(3) a {
    width: 147px;
    font-size: 16px;
}
.right-img .about-thumb{ height: 540px;}
.about-moer li:nth-child(1){ height: 76px;}
.case-list .case-cont{ width: 510px;}
.ma-box li{ font-size: 14px;}
.coop-inside ul li span {
    line-height: 30px;
}
.cultur-cont {
    height: 382px;
}
.show-tel span:first-child a{ font-size: 16px;}
.show-tel span:first-child{ width: 36%;}
.honor-pages ul li p {
    font-size: 14px;
}
.v9_pages span,.v9_pages a{ font-size: 12px;}
.case-insmore b{ width: 100%; text-align: left; margin-bottom: 10px;}
.case-insmore{ margin-top: 5px;}
.article-cont h3 {
    font-size: 38px;
}
.banner-image{ height: 400px;}
.product-cont .pro-left span{ height: 170px;}
.suoluetu .main-waiper .layimg {height: 215px !important;}
.tu-box .img_2, .suoluetu { height: 585px;}
.suoluetu .main-waiper {height: 450px;}
.abot-cont{ font-size:12px; line-height: 27px;}
.about-moer li:nth-child(2){ font-size: 66px;}
.about-moer li:nth-child(1){ height: 66px;}
.spvideo {height: 300px;}
.news-cont p{ font-size: 12px;}
					}
	@media screen and (max-width:1380px)
	{
		.seach_cont input {width: 72%;}
.hor-box .hor-img{ height: 300px;}
.case-list .case-cont{ height: 500px; width: 490px;}
.switch-case .switch-list{ height: 580px;}
.news-title ul li{ height: 45px; line-height: 45px; font-size: 18px;}
.news-title ul li a{ font-size: 18px;}
.news-cont .newstitle span:nth-child(2) { height: 50px;}
.box6 .nev-box { padding-top: 13%;}
.box6 .nev-box{ width: 30%;}
.box6 .tel-box{ width: 36%;}
.nave ul li{ line-height: 60px;}
.top-ma .sao-ma{ padding: 0px 12px;}

.article-about {padding: 15px}
.cultur-cont { height: 366px;}
.show-tel span:nth-child(2){ font-size: 20px;}
.contact,.map{ height: 560px;}
.product-list ul li .goods{font-size: 14px;}
.product-cont .show-pro-lsit{ height: 180px;} 
.lb .swiper-button-prev {left: 81% !important;}
.coop-inside ul li span{ height: 200px;}
.spvideo {
    height: 288px;
}

.abot-cont{ margin-top: 10px; height: 129px;}
		}
	@media screen and (max-width:1340px)
	{
	.case-list .case-cont{ height: 490px; width: 470px;}	
		.spvideo {
		    height: 279px;
		}
		.about-moer li:nth-child(2) { font-size: 52px;}
		.about-moer li:nth-child(1) { height: 56px;}
		.about-moer li:nth-child(3) a {width: 147px;font-size: 12px;}
		.about-moer li:nth-child(3) a i{ height: 25px;}
		.abot-cont{line-height: 27px;}
		
		}
	@media screen and (max-width:1310px)
	{
		.article-cont h3{font-size: 36px;}
		.brand-list ul li {height: 78px;}
		.page .t5 .tel2{ font-size: 35px;}
		.seach_cont input {width: 71%;}
		.case-title .more b{ font-size: 12px;}
		.nave ul li dl dt a{ font-size: 14px;}
			.case-list .case-cont{ height: 480px; width:450px;}	
			.coop-inside {
			    background-size: 147%;
			}
		.spvideo {height: 269px}
		.about-moer li:nth-child(1) { letter-spacing: 8px;}
		.abot-cont{ height: 113px;}
		}
	@media screen and (max-width:1240px)
	{
		.spvideo { height: 261px;}
		
		}